<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
<html>
<head>
	<title></title>
	<meta charset="utf-8">
	
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <link rel="stylesheet" type="text/css" href="Public/css/api.css"/>
    
     
	<style type="text/css">
		
		html,body{background: #f7f7f7;height:100%}
		.addr{height: 70px;background: #fff;border-bottom: 1px solid #ddd;padding-top:30px;}
		.addr button{font-size:16px;display: block;width: 110px;height: 36px;line-height: 36px;border:1px solid #ddd;border-radius: 4px;background: #fff;color: red;margin: 0 auto ;outline: none;}

		.con{margin-top: 14px;overflow: hidden;background: #fff;}
		.con .pic{float: left;width: 100px;}
		.con .msg{ margin-left: 120px;margin-top: 10px }
		.con .msg p{}
		.con div.number { font-size:14px;}
		.con div.number span{display: inline-block;vertical-align: middle;width: 40px;height: 40px;cursor: pointer;border: 1px solid #dfdfdf;}
        .con div.number .reduce{ margin-left: 20px;background: url(reduce.png) no-repeat center center; }
        .con div.number .add{ background: url(add.png) no-repeat center center; }
        .con div.number p{ border: 1px solid #dfdfdf;display:inline-block;width: 40px;height: 40px;line-height: 40px;text-align: center;position: relative;top: 3px }

        .con .money{color: red}

        .redBag,.price{padding-left:10px;margin-top:14px;height: 40px;line-height: 40px;background: #fff;}
        .redBag .rbState{float: right;margin-right: 10px;}
        .price .money{color: red;float: right;margin-right: 10px}

        .pay{margin-top:14px;padding-top: 80px;padding-left:10px;background: #fff;height: 56px;line-height: 56px;position:fixed;bottom:0px;width:100%}
        .pay .money{color: red;}
        .pay button{float: right;margin-right: 10px;border: none;border-radius: 4px;background: #ddd;color: #fff;height: 40px;padding: 0 20px;line-height: 40px;}
        
        .lg-numbox{
            
            position: relative;
		    display: inline-block;
		    overflow: hidden;
		   
		    height: 35px;
		    padding: 0 40px;
		  
		    border: solid 1px #bbb;
		    border-radius: 3px;
		    background-color: #efeff4;
        }
        
        .lg-btn-left{
            left:0;
            border-top-left-radius: 3px;
            border-bottom-left-radius: 3px;
            font-size: 18px;
		    font-weight: 400;
		    line-height: 100%;
		    position: absolute;
		    top: 0;
		    overflow: hidden;
		    width: 40px;
		    height: 100%;
		    padding: 0;
		    color: #555;
		    border: none;
		    border-radius: 0;
		    background-color: #f9f9f9;
        }
        
        .lg-btn-right{
            right:0;
            border-top-left-radius: 3px;
            border-bottom-left-radius: 3px;
            font-size: 18px;
		    font-weight: 400;
		    line-height: 100%;
		    position: absolute;
		    top: 0;
		    overflow: hidden;
		    width: 40px;
		    height: 100%;
		    padding: 0;
		    color: #555;
		    border: none;
		    border-radius: 0;
		    background-color: #f9f9f9;
        }
        
        .lg-input-numbox{
            display: inline-block;
            width:40px;
            height:100%;
            text-align: center;
            line-height:37px;
            
        }
        
        .my_address{
            padding:15px 8px 20px 8px;
            background:#fff;
        }
        
        .my_address #top_p{
            height:20px;
            line-height:20px;
            font-size:15px;
        }
        
        .my_address #shouname{
           float:left;
        }
        
        #address{
           height:20px;
           line-height:20px;
           font-size:13px;
        }
        
        .tow_line{
            overflow:hidden;
			text-overflow: ellipsis;
			word-wrap: break-word;
			white-space: normal !important;
			-webkit-line-clamp: 2;
			margin:2px 0px;
			-webkit-box-orient: vertical;
			display:-webkit-box;
        }
	</style>
</head>
<body>
    <div id="container">
		<div class="addr" style="display: none"><button onclick="openA()">添加地址</button></div>
		
		
		<div class="my_address" onclick="openA()">
		    <p id="top_p"><span id="shouname"></span><span id="phone" style="float:right"></span></p>
		    <p id="address"></p>
		</div>
		<div class="con">
			<img class="pic" src="" />
			<div class="msg">
				<p id="goodname" class="tow_line"></p>
				<div style="margin-top:5px;">
				    <span style="font-size:14px;height:35px;line-height:35px;display: block;float:left;">数量:</span>
					<div class="lg-numbox" style="margin-left:8px">
						<button class="lg-btn-left" type="button">-</button>
						<span class="lg-input-numbox"  >1</span>
						<button class="lg-btn-right" type="button">+</button>
					</div>
				</div>
				<p style="margin:15px 0px;font-size:15px">价格<span class="money">￥<a class="myprice"></a></span></p>
			</div>
		</div>
		
		<div class="price" style="padding:8px 4px">商品金额<span class="money">￥<a class="myprice"></a></span></div>
		<div class="pay">实付款：<span class="money">￥<a id="shifu"></a></span><button style="margin-right:20px;margin-top:10px;" id="tijiao">提交订单</button></div>
	</div>
	<script type="text/javascript" src="Public/js/jquery-2.1.0.js" ></script>
	<script type="text/javascript" src="Public/js/common.js" ></script>
    <script type="text/javascript" src="Public/js/model/comfirm.js" ></script>
	<script>
	   var goodid = "<?php echo ($goodid); ?>";
	</script>
</body>


</html>